
// Prefix
@prefix: io-;

// Color

@colorBlue: #00aeff;
@colorBluea: #4e93d6;
@colorBlueb: #2e6aa5;

@colorRed: #ff4949;
@colorReda: #ff6557;
@colorRedb: #d13c2e;

@colorOrange: #ff5e00;

@colorYellow: #ffbb00;
@colorYellowa: #ffd249;
@colorYellowb: #e6b319;

@colorGreen: #57da57;
@colorGreena: #75d662;
@colorGreenb: #4db13b;

@colorPurple: #7979f8;
@colorPurplea: #c7b5ed;
@colorPurpleb: #9b85c9;

@colorCyan: #1cc7d0;

@colorBlack: #707070;
@colorGray: #e5e5e5;
@colorWhite: #fff;


// Status Color
@colorSuccess: @colorGreen;
@colorError: @colorRed;
@colorHighlight: @colorBlue;


// Contaniner Width
@w1200:1200px;
@w1100:1100px;
@w1000:1000px;
@w990:990px;
@w980:980px;
@w960:960px;
@w720:720px;


// Radius
@radius: 4px;
